import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

//全局命令注册
Vue.directive('focus', {
  inserted(el) {
    el.focus()
  },
})

Vue.directive('color', {
  //接收的参数除了el以外还有一个binding
  //binding就是使用指令的时候传的参数
  inserted(el, binding) {
    // console.log(binding)
    el.style.color = binding.value
  },

  //update 传参的值更新的时候会触发这个函数
  update(el, binding) {
    console.log(binding)
    console.log('我是update，我被触发了')
    el.style.color = binding.value
  },
})

new Vue({
  render: h => h(App),
}).$mount('#app')
